import pinia from '@/store'
import useUserStore from '@/store/modules/user'

//获取对应的用户的仓库
const userStore = useUserStore(pinia)

//创建全局自定义指令
export const isHasButton = (app: any) => {
  //全局自定义指令：实现按钮的权限
  app.directive('has', {
    //代表使用这个全局自定义指令的DOM或者组件在挂载完毕的时候会执行一次
    //el:使用这个指令的DOM元素；options:配置项
    mounted(el: any, options: any) {
      //自定义指令右侧的数值：如果在用户信息buttons数组当中没有，就从DOM树中去掉
      if (!userStore.buttons.includes(options.value)) {
        el.parentNode.removeChild(el)
      }
    }
  })
}
